<template>
  <div class="ele-body">
    <oceanBulkCargo ref="oceanBulkCargoComp" @oceanBulkCargoSelect="oceanBulkCargoSelect_m"/>
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="1" tab="费用明细">
        <oceanBulkCargoFee ref="oceanBulkCargoFeeComp" ></oceanBulkCargoFee>
      </a-tab-pane>
      <a-tab-pane key="2" tab="流程" force-render>
        <oceanBulkCargoProcessd ref="oceanBulkCargoProcessComp" @processList="processListM"></oceanBulkCargoProcessd>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup>
import { ref, reactive, watch, provide,nextTick } from 'vue';

import oceanBulkCargo from './components/oceanBulkCargo.vue';
import oceanBulkCargoFee from './components/oceanBulkCargoFee.vue';
import oceanBulkCargoProcessd from './components/oceanBulkCargoProcess2.vue'

let activeKey = ref('1')
let oceanBulkCargoTableComp = ref(null)
let oceanBulkCargoFeeComp = ref(null)
let oceanBulkCargoProcessComp = ref(null)

let oceanBulkCargoSelect_m =  (data) => {
  oceanBulkCargoFeeComp.value.oceanBulkCargoFeeReload(data)
  oceanBulkCargoProcessComp.value.oceanBulkCargoProcessReload(data.bulkCargoId)
}
</script>

<script>
export default {
  name: 'OceanBulkCargo'
};
</script>

